#distance {
    background: white;
    padding: 0 20px;

    .queryPanel {
        height: 72px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        > ul {
            display: flex;
            > li {
                display: flex;
                align-items: center;
                white-space: nowrap;
                margin-right: 20px;
                .search {
                    background: #ffb700;
                    color: white;
                    width: 80px;
                    height: 30px;
                    line-height: 100%;
                    border: none;
                }
            }
        }
        .add {
            &:hover {
                background: #ffb700;
                color: white;
                border-color: #ffb700;
            }
        }

    }
    .tableWarp {
        .table1,
        .table2 {
            .title {
                background: #ffffe5;
                border: 1px solid #cdcdcd;
                height: 32px;
                display: flex;
                align-items: center;
                padding-left: 20px;
            }
            > table {
                border-collapse: collapse;
                width: 100%;
                td,
                th {
                    border: 1px solid #efefef;
                }
                th {
                    background: #e1e1e1;
                    height: 35px;
                    font-weight: normal;
                }
                td {
                    height: 44px;
                    text-align: center;
                    &.handle {
                        width: 140px;
                        .iconfont {
                            cursor: pointer;
                            font-size: 16px;
                            margin: 0 8px;
                            &:hover{
                                color:#ffb700;
                            }
                        }
                    }
                }
            }
        }

    }
}
.modalStyle{
    .ivu-modal{
        width:650px!important;
        .content{
            .tableInput{
                .ivu-input{
                    border-color: transparent;
                    &:hover{
                        border-color: #57a3f3;
                    }
                }
               
            }
            margin:0 120px;
            table{
                width:100%;
                border-collapse: collapse;
                margin-bottom: 20px;
                th{
                    background: #e1e1e1;                   
                }
                th,td{
                    border:1px solid #eeeeee;
                    height:40px;
                    text-align: center;
                }
                td{
                    width:50%;
                }
            }
            .distanceWarp{
                display: flex;
                text-align: center;
                height:40px;
                line-height:40px;
                .title{
                    width:50%;
                }
                >div{
                    border:1px solid #eeeeee;
                }
                .dis{
                    flex:1;
                }
            }
        }
    }
    
}
